<div class="p-theme">
  <p class="title">
    <span>演练主题</span>
    <span class="fr">
      <a class="btn btn-active" (click)="save()">保存</a>
      <a class="btn">取消</a>
    </span>
  </p>
  <div class="block-box">
    <div *ngFor="let option of subjectsData;let i = index" [ngClass]="{'select': i === selectTheme}" (click)="theme(i)">
      <img [src]="option?.img || './assets/img/theme-'+ (i%4 + 1) + '.png'" alt="">
      <p>{{option.courseSubjectName}}</p>
    </div>
  </div>
</div>
<div class="p-type">
  <p class="title">
    <span>演练类型</span>
  </p>
  <div class="block-box">
    <div *ngFor="let option of typeoptions;let i = index" [ngClass]="{'select': i === selectType}" (click)="i != 1?type(i): ''">
      <img [src]="'./assets/img/type-'+(i+1)+'.png'" alt="">
      <p>{{option.caption}}</p>
      <ul *ngIf="option.caption == '角色演练'">
        <li [ngClass]="{'select': creatorRole == option.dValue}" *ngFor="let option of drillRoles;let j = index" (click)="roles(j,i)">
          {{option.caption}}
        </li>
      </ul>
    </div>
  </div>
</div>

          <!--<nz-form-item>-->
            <!--<nz-form-label [nzSpan]="6" >演练主題</nz-form-label>-->
            <!--<nz-form-control [nzSpan]="14">-->
                <!--<nz-select  style="width: 50%;"  [(ngModel)]="drillCourseSubject" nzAllowClear>-->
                <!--<nz-option *ngFor="let option of subjectsData" [nzLabel]="option.courseSubjectName" [nzValue]="option.keystr">-->
                <!--</nz-option>-->
              <!--</nz-select>-->
            <!--</nz-form-control>-->
          <!--</nz-form-item >-->
          <!--<nz-form-item>-->
              <!--<nz-form-label [nzSpan]="6" nzFor="drillType">演练类型</nz-form-label>-->
              <!--<nz-form-control [nzSpan]="14">-->
                  <!--<nz-select  style="width: 50%;" [id]="drillType" [name]="drillType" [(ngModel)]="drillType"  nzAllowClear>-->
                  <!--<nz-option *ngFor="let option of typeoptions" [nzLabel]="option.caption" [nzValue]="option.dValue">-->
                  <!--</nz-option>-->
                <!--</nz-select>-->
              <!--</nz-form-control>-->
            <!--</nz-form-item >-->
            <!--<nz-form-item *ngIf="drillType==2||drillType==1">-->
                <!--<nz-form-label [nzSpan]="6" nzFor="creatorRole">角色选择</nz-form-label>-->
                <!--<nz-form-control [nzSpan]="14">-->
                    <!--<nz-select  style="width: 50%;" [id]="creatorRole" [name]="creatorRole" [(ngModel)]="creatorRole" nzAllowClear>-->
                    <!--<nz-option *ngFor="let option of drillRoles" [nzLabel]="option.caption" [nzValue]="option.dValue">-->
                    <!--</nz-option>-->
                  <!--</nz-select>-->
                <!--</nz-form-control>-->
              <!--</nz-form-item >-->
            <!--<nz-form-item nz-row>-->
                <!--<nz-form-control nz-col [nzSpan]="14" [nzOffset]="6">-->
                    <!--<button nz-button class="login-form-button" (click)="save()">保存</button>-->
                    <!--<button nz-button class="login-form-button" (click)="backpage()">取消</button>-->
                <!--</nz-form-control>-->
              <!--</nz-form-item>-->
